<style>
    .container {
        display: flex;
        align-items: center; /* 垂直居中 */
        justify-content: center; /* 水平居中 */
        margin: 0;
        text-align: center; /* 水平居中 */
        flex-flow: column;
    }

    .container img {
        display: block; /* 设置图片为块级元素，以便应用垂直居中样式 */
        margin: 0 auto; /* 使用外边距自动居中 */
    }

</style>
<div class="container">
    <div>
        <img src="<?= $code ?>" alt="Base64 Image" height="300px" width="300px">
    </div>
</div>
